<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>昌胜精密电子（深圳）有限公司 - 销售合同</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", "SimHei", sans-serif;
        }

        body {
            background: white;
            padding: 10px;
            color: #000;
            font-size: 12px;
            line-height: 1.4;
        }

        .container {
            max-width: 100%;
            margin: 0;
            background: white;
            border: 1px solid #000;
        }

        header {
            text-align: center;
            padding: 15px 10px;
            border-bottom: 2px solid #000;
        }

        header h1 {
            font-size: 18px;
            margin-bottom: 8px;
            font-weight: bold;
        }

        .company-info {
            font-size: 10px;
            line-height: 1.3;
            margin-top: 5px;
        }

        .contract-info {
            display: flex;
            justify-content: space-between;
            padding: 10px;
            border-bottom: 1px solid #000;
        }

        .client-info, .contract-details {
            flex: 1;
            padding: 5px;
        }

        .client-info {
            border-right: 1px solid #000;
            margin-right: 10px;
        }

        .section-title {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 8px;
            border-bottom: 1px solid #000;
            padding-bottom: 2px;
        }

        .info-row {
            display: flex;
            margin-bottom: 4px;
            font-size: 10px;
        }

        .info-label {
            width: 70px;
            font-weight: bold;
        }

        .info-value {
            flex: 1;
        }

        .table-wrapper {
            padding: 10px;
        }

        .products-table {
            width: 100%;
            border-collapse: collapse;
            margin: 10px 0;
            font-size: 8px;
        }

        .products-table th {
            background: #ffffff;
            color: black;
            padding: 4px 2px;
            text-align: center;
            font-weight: bold;
            border: 1px solid #000;
        }

        .products-table td {
            padding: 4px 2px;
            border: 1px solid #000;
            text-align: center;
        }

        .sub-header {
            background: #666 !important;
            color: black !important;
        }

        .total-row {
            font-weight: bold;
        }

        .terms-section {
            padding: 10px;
            font-size: 9px;
        }

        .terms-section h3 {
            margin: 8px 0 4px;
            font-size: 11px;
            font-weight: bold;
        }

        .terms-section p {
            line-height: 1.3;
            margin-bottom: 6px;
            text-align: justify;
        }

        .signature-area {
            display: flex;
            justify-content: space-between;
            padding: 10px;
            border-top: 1px solid #000;
        }

        .signature-box {
            flex: 1;
            padding: 5px;
            font-size: 10px;
        }

        .signature-box:first-child {
            border-right: 1px solid #000;
            margin-right: 10px;
        }

        .signature-title {
            font-weight: bold;
            margin-bottom: 8px;
            font-size: 11px;
        }

        .signature-line {
            margin-top: 30px;
            border-top: 1px solid #000;
            padding-top: 3px;
        }

        .controls {
            display: none;
        }

        @media print {
            body {
                padding: 0;
            }
            .container {
                border: none;
            }
        }
    </style>
</head>
<body>
<div class="container">
    <header>
        <h1>昌胜精密电子（深圳）有限公司</h1>
        <h1>销售合同</h1>
        <div class="company-info">
            联系人：${业务员} 电话：18716657820 邮箱：tailiang001@126.com<br />
            联系地址：深圳市宝安区沙井街道共和社区同富裕工业区湾厦工业园D栋231
        </div>
    </header>

    <div class="contract-info">
        <div class="client-info">
            <div class="section-title">客户信息</div>
            <div class="info-row">
                <div class="info-label">客户名称：</div>
                <div class="info-value">${客户名称}</div>
            </div>
            <div class="info-row">
                <div class="info-label">客户代码：</div>
                <div class="info-value">${客户代码}</div>
            </div>
            <div class="info-row">
                <div class="info-label">联系人：</div>
                <div class="info-value">${业务员}</div>
            </div>
            <div class="info-row">
                <div class="info-label">联系电话：</div>
                <div class="info-value">132xxx5511</div>
            </div>
            <div class="info-row">
                <div class="info-label">联系地址：</div>
                <div class="info-value">xxxxx</div>
            </div>
        </div>

        <div class="contract-details">
            <div class="section-title">合同信息</div>
            <div class="info-row">
                <div class="info-label">合同编号：</div>
                <div class="info-value">${合同编号}</div>
            </div>
            <div class="info-row">
                <div class="info-label">报价单号：</div>
                <div class="info-value">${报价单号}</div>
            </div>
            <div class="info-row">
                <div class="info-label">订单日期：</div>
                <div class="info-value">${创建时间}</div>
            </div>
            <div class="info-row">
                <div class="info-label">审核状态：</div>
                <div class="info-value">${审核状态}</div>
            </div>
        </div>
    </div>

    <div class="table-wrapper">
        <table class="products-table">
            <thead>
            <tr>
                <th rowspan="2">序号</th>
                <th rowspan="2">产品名称</th>
                <th rowspan="2">物料编码</th>
                <th colspan="11">成品工艺要求</th>
                <th rowspan="2">数量</th>
                <th rowspan="2">单价</th>
                <th rowspan="2">测试架费</th>
                <th rowspan="2">工程费</th>
                <th rowspan="2">样板费</th>
                <th rowspan="2">合计金额</th>
                <th rowspan="2">交期</th>
                <th rowspan="2">备注</th>
            </tr>
            <tr class="sub-header">
                <th>板材</th>
                                    <th>板厚<br />mm</th>
                <th>外铜</th>
                <th>内铜</th>
                                    <th>交货尺寸<br />(mm)</th>
                <th>拼板</th>
                <th>表面处理</th>
                <th>阻焊</th>
                <th>字符</th>
                <th>过孔工艺</th>
                <th>测试</th>
            </tr>
            </thead>
            <tbody>
            ${物料详情行}
            <tr class="total-row">
                <td colspan="16" style="text-align: right; padding-right: 20px;">总金额(人民币/大写):</td>
                <td colspan="6">${合同金额大写}</td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="terms-section">
        <h3>备注：${备注}</h3>

        <h3>一、质量技术及验收标准：</h3>
        <p>需方按 ■ IPC-A-600G #级。</p>

        <h3>二、客供资料：</h3>
        <p>包装要求：真空  交货要求：发快递。</p>
        <p>三、付款方式：${付款方式}；票据形式：${是否含税}</p>
        <p>四、签约地点：深圳</p>

        <h3>五、验收：</h3>
        <p>需方须于收到货物后5日内进行验收，如在约定时间内需方未提出书面异议的，视为货物的质量，数量均合格。品质不良乙方仅承担有质量问题的线路板本身单价不超过三倍的赔偿责任，不承担其他连带责任。</p>

        <h3>六、条款说明：</h3>
        <p>1. 本合同双方单位签字盖章或委托代理人签字后即时生效，具有同等法律效力。</p>
        <p>2. 付款约定：需方应按约定时间付款，如逾期未付则自逾期之日起每日按应支付总货款的3%支付违约金。</p>
        <p>3. 需方委托供方加工的线路板版权应当是需方合法持有的，如有侵犯第三方产权的行为，全部责任由需方承担，与供方无关。</p>
        <p>4. 本合同所涉及的所有费用均以人民币计。</p>
        <p>5. 因本合同发生纠纷的双方先协商解决协商不成向供方所在地法院起诉，适用中华人民共和国法律。</p>
        <p>6. 需方须于收到本合同需在24小时内盖章回传，需方未在约定时间盖章回传，本合同无效。</p>
        <p>7. 此订单半年内未返单，测试架与模具甲方可以取回，否则我司自行报废处理，逾期不退，我司新开测试架保质期为一年，若一年后测试架没法修理，需客户重新开测试架。</p>

        <h3>七、保密协议：</h3>
        <p>卖方对买方的产品负有保密义务，未经权利人事先书面许可，卖方不得将对方的商业秘密以任何形式向任何第三方提供或披露，亦不得允许第三方接触另一方的商业秘密，除非依有关法律法规或政府、司法部门、法院、仲裁机构、证券交易所法行使职权时所要求或履行本合同的义务。卖方违反商业秘密的约定给买方带来损失的，须赔偿对方遭受的所有损失。</p>
    </div>

    <div class="signature-area">
        <div class="signature-box">
            <div class="signature-title">甲方：${客户名称}</div>
            <div class="info-row">
                <div class="info-label">单位名称：</div>
                <div class="info-value">${客户名称}</div>
            </div>
            <div class="info-row">
                <div class="info-label">单位地址：</div>
                <div class="info-value"></div>
            </div>
            <div class="signature-line">
                <div class="info-row">
                    <div class="info-label">代表：</div>
                    <div class="info-value"></div>
                </div>
                <div class="info-row">
                    <div class="info-label">日期：</div>
                    <div class="info-value">${当前日期}</div>
                </div>
            </div>
        </div>

        <div class="signature-box">
            <div class="signature-title">乙方：昌胜精密电子（深圳）有限公司</div>
            <div class="info-row">
                <div class="info-label">单位名称：</div>
                <div class="info-value">昌胜精密电子（深圳）有限公司</div>
            </div>
            <div class="info-row">
                <div class="info-label">单位地址：</div>
                <div class="info-value">深圳市宝安区沙井街道共和社区同富裕工业区湾厦工业园D栋231</div>
            </div>
            <div class="signature-line">
                <div class="info-row">
                    <div class="info-label">代表：</div>
                    <div class="info-value"></div>
                </div>
                <div class="info-row">
                    <div class="info-label">日期：</div>
                    <div class="info-value">${当前日期}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="controls">
        <button onclick="window.print()">打印合同</button>
    </div>
</div>
</body>
</html>
